<%-- 
    Document   : baseLayout
    Created on : Nov 1, 2013, 5:28:05 PM
    Author     : zraj
--%>

<%@page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>
            <tiles:insertAttribute name="title" ignore="true" />
        </title>
            <sj:head locale="th" jqueryui="true" jquerytheme="start"/>    

        <link rel="stylesheet" href="css/5grid/core.css" />
        <link rel="stylesheet" href="css/5grid/core-desktop.css" />
        <link rel="stylesheet" href="css/5grid/core-1200px.css" />
        <link rel="stylesheet" href="css/5grid/core-noscript.css" />
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/style-desktop.css" />
         

    <link rel="stylesheet" href="css/main-menu.css" />
    <!--<script src="css/5grid/jquery.js"></script>-->


    <!--<script src="js/jquery-ui-1.10.3.custom.min.js"></script>-->

    <!--<link rel="stylesheet" href="css/start/jquery-ui-1.10.3.custom.min.css" />-->
    <script src="css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none&amp;mobileUI.openerWidth=52"></script>
</head>
<body class="twocolumn2">
    <div id="wrapper">

        <tiles:insertAttribute name="header" />

        <div id="page-wrapper" class="5grid-layout">
            <div class="row">
                <div class="3u">
                    <div id="sidebar1">
                        <section>

                            <tiles:insertAttribute name="menu" />
                            <div class="sbox2">
                                <h2>User Menu</h2>
                                <ul class="style1">
                                    <li><a href="doLogout">Logout</a></li>

                                </ul>
                            </div>

                        </section>
                    </div>
                </div>

                <div class="9u">
                    <div class="titlebg">
                        <h2> <tiles:insertAttribute name="title-module" /></h2>
                    </div>
                    <div id="content">
                        <tiles:insertAttribute name="body" />
                    </div>
                </div>
            </div>
        </div>




        <tiles:insertAttribute name="footer" />
    </div>
    <div id="copyright" class="5grid-layout">
        <section>
            <p>&copy; TK Garment 2013</p>
        </section>
    </div>      
    
    <s:if test="%{message neq null}">
    <sj:dialog id="alertMsgError" width="330" height="230"
		buttons="{'ตกลง':function() {  $(this).dialog('close'); }}"
		title="แจ้งเตือน" position="center" modal="false" autoOpen="true" onCloseTopics="reload"
		resizable="false" draggable="false">
		<table>
			<tr>
				<td  width="300" height="15%" align="center"> 
					<span id="alertError" > <s:property value="message"/> </span>
				</td> 
			</tr>
		</table>
	</sj:dialog>
</s:if>
        
</body>
</html>
  
